<div class="navbar top-bar" data-purpose="navbar">
  <div class="row fullwidth">
    <div class="small-6 large-2 columns">
      <h1><a href="/" class="logo"><img src="{{ base_url }}/static/img/svg/logo.svg" width="128px" height="41px" alt="Drycc"></a></h1>
    </div>
    <div class="small-4 large-9 columns">

      <nav class="nav navbar-nav navbar-right text-center">
        <div class="show-for-large-up">
          <ul class="inline-list">
            <li>
              <a class="dropdown" data-dropdown="drop2" aria-controls="drop1" aria-expanded="false">Projects <em><i class="fa fa-caret-down"></i></em></a>
            </li>
            <li>
              <a href="https://join.slack.com/t/drycc/shared_invite/enQtNTUwNjc3MjE0OTMwLTdhODdlMTk0YWQ1ZjdiYmZlZjZjNDU2ZWE0OTBlZTA5NjMxNjFkNjQyNDMzYzVkNjJjYTU4ZjZkZWQ0MzYxNzE" id="header-slack" class="item" title="Slack">Slack</a>
            </li>
            <li>
              <a href="https://drycc.github.io/blog/" id="header-blog" class="item" title="Blog">Blog</a>
            </li>
          </ul>
        </div>

        <a class="right-off-canvas-toggle fa fa-bars show-for-medium-down" href="#" data-proofer-ignore></a>
      </nav>

    </div>
  </div>
</div>

<ul id="drop2" class="f-dropdown row hide-for-medium-down" data-dropdown-content aria-hidden="true">
  <div class="small-12 medium-offset-3 medium-9 columns">
    <div class="row">
    <li class="small-6 medium-4 columns"><a href="https://github.com/drycc/workflow" title="Workflow">
      <img src="{{ base_url }}/static/img/svg/workflow-logo.svg" alt="Workflow">
      <h3>Workflow</h3>
      <p>The Kubernetes-native platform (v2).</p>
    </a></li>
    <li class="small-6 medium-4 columns"><a href="//helm.sh" title="Helm">
      <img src="{{ base_url }}/static/img/svg/helm-logo.svg" alt="Helm">
      <h3>Helm</h3>
      <p>The Package manager for Kubernetes.</p>
    </a></li>
    <li class="small-6 medium-4 end columns"><a href="https://svc-cat.io" title="Steward">
      <img src="{{ base_url }}/static/img/svg/steward-logo.svg" alt="Steward - The Kubernetes-native Service Broker">
      <h3>Steward</h3>
      <p>The Kubernetes-native Service Broker.</p>
    </a></li>
    <a class="fa fa-times right"></a>
  </div>
</ul>
